/**
 * eadmin / www.eadmin.com.cn
 * 
 * 按钮
 */

@import "../global";

button
{
    .border-radius(50px);
    .animate-form();
    color: @font-color-1;
    background: none;
    border: 2px @input-color-1 solid;
    cursor: pointer;
    padding: 0px 20px;
    outline: none;
    font-size: @font-size-3;
    margin-right: 5px;
    height: 46px;
    line-height: 1;
    &:hover:not(:disabled)
    {
        .box-shadow(@shadow-color);
        .animate-form();
        border-color: @color-3;
    }
    &:active:not(:disabled)
    {
        border-color: darken(@color-3, 15%);
    }
    i
    {
        font-size: 18px;
    }
}
button:disabled
{
    color: @color-6;
    cursor: not-allowed;
}
.middle
{
    font-size: @font-size-2;
    padding:0px 16px;
    height: 36px;
    i
    {
        font-size: 14px;
    }
}
.small
{
    font-size: @font-size-2;
    padding:0 8px;
    height: 26px;
    i
    {
        font-size: 12px;
    }
}
.hl
{
    background: @color-3;
    border-color: @color-3;
    color: @font-color-3;
    &:hover:not(:disabled)
    {
        background:darken(@color-3, 5%);
        border-color: darken(@color-3, 5%);
    }
    &:active:not(:disabled)
    {
        background: darken(@color-3, 15%);
        border-color: darken(@color-3, 15%);
    }
}
.hl:disabled
{
    color: @color-6;
    background: @input-color-1;
    cursor: not-allowed;
    border-color: @input-color-1;
}